<cp-navbar (onClickLeft)="onClickLeft()" [border]="false"></cp-navbar>
<cp-tab (onTabChange)="onTabChange($event)" [items]="tab" [itemWidth]="48"></cp-tab>

<div class="loading" *ngIf="loading">
    <cp-loading></cp-loading>
</div>
<div class="container" *ngIf="!loading">

    <div class="gutter"></div>
    <div class="container">

        <div class="list">
            <div class="item" *ngFor="let item of Photos">
                <p class="title">{{item.Category}}</p>
                <div class="imglist"><img (click)="showViewModal(i,item.Childs)" *ngFor="let _item of item.Childs;let i =index"
                        src="{{_item.src}}" /></div>
            </div>

        </div>

    </div>
</div>

<!-- <img-view *ngIf="iShowVI" (show)="showViewImg()" (close)="closeImgView()" [Photos]='viewImgs' [showIndex]="showImgActive"></img-view> -->
<cp-image-view
[list]="imgview.list"
[(show)]="imgview.show"
[(index)]="imgview.index"
[config]="sliderConfig"
></cp-image-view>